<!DOCTYPE html>
<html lang="en">
    <head lang="en">
        <meta charset="utf-8" />
        <title>fonthtml</title>
        <link type="text/css" rel="stylesheet" href="fonthtml.css"/>
        <link type="text/css" rel="stylesheet" href="css/font-awesome.css"/>
        <link type="text/css" rel="stylesheet" href="basic.css"/>
    </head>
    <body>
        <ul class="Iconlist">
            <li><a href=""><i style="color: #efe0ce;" class="font-icon">&#xe911;</i></a></li>
            <li><a href=""><i style="color: #ef7073;" class="font-icon">&#xe912;</i></a></li>
            <li><a href=""><i style="color: #78ade3;" class="font-icon">&#xe913;</i></a></li>
            <li><a href=""><i style="color: #eae77f;" class="font-icon">&#xe914;</i></a></li>
            <li><a href=""><i style="color: #3c3c3c;" class="font-icon">&#xe915;</i></a></li>
            <!--css代替html-->
            <li><a href=""><i style="font-size:60px;" class="font-icon icon-6"></i></a></li>
            <li><a href=""><i style="font-size:120px;" class="font-icon icon-7"></i></a></li>
            <li><a href=""><i class="font-icon icon-8"></i></a></li>
            <li><a href=""><i class="font-icon icon-9 spinner"></i></a></li>
            <li><a href=""><i class="font-icon icon-10 shadow"></i></a></li>
        </ul>
        <div class="list-group"> 
        <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" style="font-size:500px;"></i>&nbsp; Home</a> 
        <a class="list-group-item" href="#"><i class="fa fa-filter fa-fw" style="font-size:500px;"></i>&nbsp; Home</a> 
        <a class="list-group-item" href="#"><i class="fa fa-yen fa-fw" style="font-size:500px;"></i>&nbsp; Home</a> 
        <a class="list-group-item" href="#"><i class="fa fa-envelope-o fa-fw" style="font-size:500px;"></i>&nbsp; Library</a> 
        <a class="list-group-item" href="#"><i class="fa fa-envelope fa-fw" style="font-size:500px;"></i>&nbsp; Applications</a> 
        <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" style="font-size:500px;"></i>&nbsp; Settings</a> </div> 
    </body>
</html>